<template>
  <div>
    <div class="history-hot">
      <div class="his-hot">
        <div class="hd">
          <h4>历史记录</h4>
          <van-icon name="delete" />
        </div>
        <div class="tag">
          <van-tag plain type="default" v-for="v in historyKeywordList" :key="v.id">{{v}}</van-tag>
        </div>
      </div>
     <div class="his-hot">
        <div class="hd">
          <h4>热门搜索</h4>
      
        </div>
        <div class="tag">
          <van-tag plain :type="v.is_hot?'danger':'default'"  v-for="v in hotKeywordList" :key="v.id">{{v.keyword}}</van-tag>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:['hotKeywordList','historyKeywordList'],
  

  components: {  },

  directives: {  },

  data() {
    
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
 
};
</script>

<style lang="less">
    .his-hot{
      background-color: #fff;
      margin-bottom:.2rem;
      padding: 2%;
      margin-bottom: 1rem;
      .hd{
        font-size:1.05rem;
        color: #666;
        display: flex;
        justify-content: space-between;
      }
      .van-tag{
          margin-right:.7rem;
          margin-top:.6rem
      }
    }
</style>